<template>
  <div>
    <div class="account-view">
      <div class="main-container">
        <el-alert type="info" title="" :closable="false">
          <h3>{{$t('text.welcome')}} ccc!</h3>
          <p>{{$t('tip.account_tip')}}</p>
          <div class="btn-bar">
            <el-button type="primary" icon="el-icon-plus">{{$t('btn.enable_sms')}}</el-button>
          </div>
        </el-alert>

        <div class="main-head">帳戶概況</div>
        <el-table :data="coinData" stripe style="width: 100%" show-summary>
          <el-table-column prop="coin" label="币种" width="180"></el-table-column>
          <el-table-column prop="balance" label="余额" width="180"></el-table-column>
          <el-table-column prop="value" label="价值"></el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      coinData: [{
        coin: '比特币',
        balance: '0.00000000 BTC',
        value: '$0.00'
      }, {
        coin: '以太幣',
        balance: '0.00000000 ETH',
        value: '$0.00'
      }, {
        coin: '萊特幣',
        balance: '0.00000000 LTC',
        value: '$0.00'
      }]
    }
  }
}
</script>
<style lang="less">
  .account-view{
    .el-alert{
      margin-bottom: 20px;
      .el-alert__content{
        h3{
          color: #999;
          font-size: 18px;
        }
        p{
          margin-top: 14px;
          color: #666;
          font-size: 14px;
          font-weight: bold;
        }
        .btn-bar{margin-top: 10px;}
      }
    }
  }
</style>
